﻿<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %> 
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="VSWebpart_ShowAllUserControl.ascx.cs" Inherits="NewComer06.VSWebpart_ShowAll.VSWebpart_ShowAllUserControl" %>
<style type="text/css">
       .tableBorder
        {
            width: 80%;
            border-collapse: collapse;
            border: 1px solid #000080; 
            font-size: 20px;
            color: #000000;
            font-family: "'Times New Roman', Times, serif";
        }
        
        .imageBorder
        {
            padding: 5px;
            width : 40%;
           
           
        }
        
        .tableBorder img
        {
            border: 1px solid #008000;
            width:200px;
            height:200px;
        }
        
        .tableBorder td
        {
            padding-left: 5px;
        }
        .title 
        {
            font-weight: bold;
        }
        
        .titleFirst 
        {
            font-size: 16px;
            color: #FFFFFF;
            font-weight: bold;
            background-color: #00FF00;
            font-family: "'Times New Roman', Times, serif";
            padding:5px;
            width:100%;
            height : 40px;
        }
        
        .borderTable
        {
            padding: 30px 0px 2px 0px;
        }
        
        .styleHr
        {
            
            width: 90%;
            color:Green;
        }
        
        .pg-normal {
                color: black;
                font-weight: normal;
                text-decoration: none;    
                cursor: pointer;    
         }
         
         .pg-selected {
                color: black;
                font-weight: bold;        
                text-decoration: underline;
                cursor: pointer;
         }
        </style>

 <script type="text/javascript" >
     function Pager(tableName, itemsPerPage) {
         this.tableName = tableName;
         this.itemsPerPage = itemsPerPage;
         this.currentPage = 1;
         this.pages = 0;
         this.inited = false;

         this.showRecords = function (from, to) {
             var rows = document.getElementById(tableName).rows;
           
             for (var i = 1; i < rows.length - 1; i++) {
                 if (i < from || i > to)
                     rows[i].style.display = 'none';
                 else
                     rows[i].style.display = '';
             }
         }

         this.showPage = function (pageNumber) {
             if (!this.inited) {
                 alert("not inited");
                 return;
             }

             var oldPageAnchor = document.getElementById('pg' + this.currentPage);
             oldPageAnchor.className = 'pg-normal';

             this.currentPage = pageNumber;
             var newPageAnchor = document.getElementById('pg' + this.currentPage);
             newPageAnchor.className = 'pg-selected';

             var from = (pageNumber - 1) * itemsPerPage + 1;
             var to = from + itemsPerPage - 1;
             this.showRecords(from, to);
         }

         this.prev = function () {
             if (this.currentPage > 1)
                 this.showPage(this.currentPage - 1);
         }

         this.next = function () {
             if (this.currentPage < this.pages) {
                 this.showPage(this.currentPage + 1);
             }
         }

         this.init = function () {
             var rows = document.getElementById(tableName).rows;
             var records = (rows.length - 1);
             this.pages = Math.ceil(records / itemsPerPage);
             this.inited = true;
         }

         this.showPageNav = function (pagerName, positionId) {
             if (!this.inited) {
                 alert("not inited");
                 return;
             }
             var element = document.getElementById(positionId);

             var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-normal"> &#171 Prev </span> | ';
             for (var page = 1; page <= this.pages; page++)
                 pagerHtml += '<span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span> | ';
             pagerHtml += '<span onclick="' + pagerName + '.next();" class="pg-normal"> Next &#187;</span>';

             element.innerHTML = pagerHtml;
         }
     }
 </script>

 